<template>
  <a-row>
    <a-col :span="12">
      <a-row type="flex" justify="start">
        <a-space class="operator">
          <slot name="left" />
        </a-space>
      </a-row>
    </a-col>
    <a-col :span="12">
      <a-row type="flex" justify="end">
        <a-space class="operator">
          <slot name="right" />
        </a-space>
      </a-row>
    </a-col>
  </a-row>
</template>

<script>
export default {
  name: 'SToolBar'
}
</script>

<style lang="less" scoped>
.operator {
  margin-bottom: 18px;
}
</style>
